@import 'global';
.el-dropdown-menu__item { padding: 0;}
.header { position: fixed; top: 0; width: 100%; height: 130px; z-index: 100;}
.header_title { width: $width; height: 40px; line-height: 40px; margin: auto; z-index: 10;}
.header_menu_link { color: nth($color, 3); @extend %h7; cursor: pointer;}
.header_menu_user { color: nth($color, 9); @extend %h7; cursor: pointer;}
.header_menu_split { margin-left: 20px; color: nth($color, 4); @extend %h7;}
.ht-num { color: nth($color, 9); @extend %h7;}
.header_menu_title { float: left;}
.header_menu { float: right;}
.header_menu li { float: left; height: 40px; line-height: 40px; padding-left: 20px;}
.triangle_border_down { width: 0; height: 0; border-width: 6px 4px 0; border-style: solid; border-color: nth($color, 9) transparent transparent; margin-left: 5px; display: inline-block;}
.el-menu-course { padding: 0; width: 290px; border: 0; border-radius: 0;}
.el-menu-counse-title { height: 14px; line-height: 14px; @extend %h7;
  padding: {top: 20px;bottom: 10px;left: 12px;}
}
.el-menu-course-line {
  padding: {top: 10px;bottom: 10px;}
  margin: {left: 20px; right: 20px;}
  height: 37px; }
.el-menu-course-line a {height: 47px;border-bottom: solid 1px nth($color, 4); display: block;}
.el-menu-course-line img { float: left; width: 48px; height: 37px; margin-right: 10px; border-radius: 3px;}
.el-menu-course-line span { float: left; height: 18px; line-height: 18px; @extend %p; color: nth($color, 3);}
.el-menu-course-line label { float: left; height: 18px; line-height: 18px; @extend %p; color: nth($color, 4);}
.el-menu-course-bottom {height: 40px; line-height: 40px; text-align: center; background-color: #222222; @extend %p; color: #9a9a9a; }
.el-popper[x-placement^=bottom] .popper__arrow::after { margin-left: -16px; border-bottom-color: nth($color, 6); }
/*  */
.el-menu-user { padding: 0; width: 220px; border: 0; border-radius: 0;}
.el-menu-item-line div { display: block;width: 100%;}
.el-menu-item-line div:hover { background-color: #313131;display: block;width: 100%; }
.el-menu-item-line div a {height: 14px; line-height: 14px; display: block; border-bottom: solid 1px #313131; color: nth($color, 1); @extend %h7;
  padding: {top: 20px;bottom: 20px;}
  margin: {left: 20px; right: 20px;}
}
.el-menu-item-top:hover {background-color: #313131;}
.el-menu-item-top div {color: nth($color, 1); border-bottom: solid 1px #313131; @extend %h7;
  padding: {top: 20px;bottom: 20px;}
  margin: {left: 20px; right: 20px;}
}
.el_menu_item_warning { color: nth($color, 9); @extend %p; margin-left: 5px;}
.el-menu-item-date { color: nth($color, 3); line-height: 14px; display: block; }
a.el_menu_item_button { width: 24px; height: 14px; line-height: 14px; background-color: #f27342; border-radius: 20px; color: nth($color, 1); @extend %p; padding: 5px 12px; margin-top: -34px; float: right; display: block;}
/**
  *
  */
.header_content { height: 90px; line-height: 90px; margin: auto; background-color: nth($color, 1); box-shadow: nth($color, 3) 0px 3px 6px 0px;}
.header-content-content { height: 90px; width: $width; margin: auto;}
.el-menu-nav { height: 90px; border: 0; padding-left: 180px;}
.el-menu--horizontal > .el-menu-item { height: 46px; line-height: 46px; margin: 22px 40px 10px 0; padding: 0;}
.el-menu--horizontal > .el-menu-item.is-active { border-bottom-color: nth($color, 10); }
.el-menu--horizontal > .el-menu-item.is-active a.header_navigation { color: nth($color, 10);}
.el-menu--horizontal > .el-menu-item.is-hover a.header_navigation { color: nth($color, 5);}
.el-menu-nav a.header_navigation {color: nth($color, 5); @extend %h5;}
.header-content-logo { float: left; width: 140px; height: 120px; background-color: nth($color, 9); box-shadow: nth($color, 3) 0 3px 6px 0px; @include relative('top', -90px); @include radius(0, 0, 6px, 6px); }
.header-content-search { float: right; height: 90px; position: relative; top: -90px; right: 0; }
.el-icon-search { font-size: nth($font-size, 5); margin-right: 5px;}
.el-input__inner { width: 280px; border: 0; border-radius: 20px; background-color: nth($color, 2);}

